<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>Real-time global outbreak statistics</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<h1 aria-atomic="true" style="align-content: center">Real-time global outbreak statistics</h1>
<div class="input-group col-md-3" style="margin-top:0; position:relative">
    <label>
        <form action="/search" method="get">
            查询地区：<input type="text" id="address" name="address">
            <input type="submit" value="查询">
        </form>
     </span>
    </label>

</div>
<table class="table" style="text-align: center">
    <thead>
    <tr>
        <th>国家</th>
        <th>省份</th>
        <th>累计数量</th>
        <th>变化数量</th>
    </tr>
    </thead>
    <tbody>
    <tr class="success" th:each="d:${data}">
        <th th:text="${d.country}"></th>
        <th th:text="${d.state}"></th>
        <th th:text="${d.latestTotalCases}"></th>
        <th th:text="${d.diffFromPrevDay}"></th>
    </tr>
    </tbody>
</table>

</body>
</html>